<script setup lang="ts">
  import teamInfo from './components/teamInfo-manage.vue';
  import teamSchedule from './components/teamscheduling-manage.vue';
</script>

<template>
  <div class="flow-query">
    <a-card>
      <template #title>
        <div class="card-title">班组管理</div>
      </template>
      <div class="content">
        <a-tabs
          type="card-gutter"
          size="large"
          default-active-key="1"
          lazy-load
        >
          <a-tab-pane key="1" title="班组管理">
            <div class="a-tabs"><teamInfo /></div>
          </a-tab-pane>
          <a-tab-pane key="2" title="班组排班管理">
            <div class="a-tabs"><teamSchedule /></div>
          </a-tab-pane>
        </a-tabs>
      </div>
    </a-card>
  </div>
</template>

<style scoped>
  .flow-query {
    margin: 0px;
    padding: 10px;
    height: 100%;
  }
  .card-title {
    font-size: 24px;
  }
  .content {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .a-tabs {
    padding-left: 12px;
    padding-right: 12px;
  }
</style>
